<template>
  <div class="column">
    <ul>
      <li>学号</li>
      <li>姓名</li>
      <li>成绩</li>
      <li>花费时间</li>
      <li>考试日期</li>
    </ul>
    <ul>
      <li>17401200115</li>
      <li>李一四</li>
      <li>76</li>
      <li>1：26</li>
      <li><div title="2020年11月27日20点01分">2020年11月27日20点01分</div></li>
    </ul>
  </div>
</template>

<script>
export default {};
</script>

<style lang="scss" scoped>
.column {
  ul {
    display: grid;
    grid-template-columns: repeat(5, 20%);
    li {
        text-align: center;
      div {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        word-break: break-all;
      }
    }
  }
}
</style>